<template>
    <div >
      <h3>请选择你喜欢的专栏</h3>
      <hr>
      <div v-for="(item,index) in arr" :key="index" style="float: left;">
        <input v-model="project" type="checkbox" :value="item"> {{ item }}
      </div>
      <br>
      <div>
        <ul>
          <li v-for="(item,index) in project" :key="index">
            {{ item }}
          </li>
        </ul>
      </div>
    </div>
</template>

<script>
export default {
   data() {
    return {
     arr :  ["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
     project : []
    }
   },

}
</script>
  
<style>
  
</style>